<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜索页(2)</title>
    <script src="js/rem_32.js"></script>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/searchtwo.css">
</head>

<body>
    <div class="container">
        <header>
            <div class="div_input">
                <img height="16" src="images/product_list/input_seach.png" alt="">
                <input type="text" placeholder="请输入搜索内容">
            </div>
            <a href="javascript:;" style="color: white;">取消</a>
        </header>
        <div class="wrapper">
            <div class="recently">
                <span>最近搜索</span>
                <a href="javascript:;">
                    <img src="images/product_list/deltel.png" alt="" id="del">
                </a>
            </div>
            <a class="data" href="./searchone.html">乒乓球</a>
            <a class="data" href="JavaScript:;">口红</a>
        </div>
    </div>
    <script>

        goBack('header a')

        function del() {
            var delBtn = document.getElementById('del');
            var datas = document.querySelectorAll('.data');
            for (let i = 0; i < datas.length; i++) {
                delBtn.onclick = function () {
                    datas[0].style.display = 'none'
                    datas[i].style.display = 'none'
                }
            }
        }
        del() 
    </script>
</body>

</html>